<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet"  href="style.css" media="screen">
<link rel="shortcut icon" href="/favicon.ico" />
</head>
<body>
<div class="container">
	<h1 class="logo">Yuguo.us</h1>
	<ul class="unit-list">
		<li class="unit bg-blue"></li>
		<li class="unit bg-green"><a href="https://www.evernote.com/pub/fishguo321/qzone"><i class="ico ico-note"></i></a>
			<!-- 动态加载 开始 -->
			<div class="tips">
				<b class="trig"></b><span>我的笔记</span>
			</div>
			<!-- 动态加载 结束 -->
		</li>
		<li class="unit-2 bg-yellow"><a href="http://yuguo.us/weblog"><i class="ico ico-rss"></i><span class="txt">Blog</span></a></li>
		<li class="unit bg-red"><a href="http://www.douban.com/people/yuguo/photos"><i class="ico ico-photo"></i></a></li>
		<li class="unit bg-grey"><a href="http://rebuildpattern.com"><i class="ico ico-rp"></i></a></li>
		<li class="unit-2 bg-purple"><a href="http://t.qq.com/chandleryu"><i class="ico ico-weibo"></i><span class="txt">Weibo</span></a></li>
		<li class="unit-2">
			<iframe width="310" height="150" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=tencent&amp;aq=&amp;sll=22.539473,113.93481&amp;sspn=0.006783,0.004393&amp;vpsrc=6&amp;ie=UTF8&amp;hq=tencent&amp;hnear=&amp;t=m&amp;ll=22.540821,113.934231&amp;spn=0.002973,0.00663&amp;z=16&amp;output=embed"></iframe><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=tencent&amp;aq=&amp;sll=22.539473,113.93481&amp;sspn=0.006783,0.004393&amp;vpsrc=6&amp;ie=UTF8&amp;hq=tencent&amp;hnear=&amp;t=m&amp;ll=22.540821,113.934231&amp;spn=0.002973,0.00663&amp;z=16" style="color:#0000FF;text-align:left;position:absolute;left:0;top:0;height:150px;width:310px;"></a>
		</li>
		<li class="unit-2 bg-pink"><a href="http://yuguo.us/works/"><i class="ico ico-portfolio"></i><span class="txt">Portfolio</span></a></li>
		<li class="unit-2 bg-darkpurple"><i class="ico ico-mail"></i>
			<div class="txtarea">
				<p>fishguo321@gmail.com</p>
				<p>QQ:289796721</p>
			</div>
		</li>
		<li class="unit-2 bg-bluegreen">
			<div class="txtinfo">
				<h4>Yuguo</h4>
				<p>geek/WordPress/bloger/极端右派/个人主义者/腾讯/前端/网站重构/伪设计师/闷骚/洁癖/Android//STRAIGHT/买书破产 <a href="http://yuguo.us/weblog/about">更多</a></p>
			</div>
		</li>
	</ul>
</div>
</body>
</html>